<nav class="navbar navbar-default navbar-fixed-top">
    <div id="navbar" class="headerBtn translateBtn" ng-init="langSelect">
        <button type="button"  ng-click="langSelect = !langSelect" class="btn btn-info currentLang">{{'LAN'|translate}}</button>
        <ul ng-if="langSelect" class="langSelect">
            <li ng-click="changeLang('en')"><button type="button" class="btn btn-link">English</button></li>
            <li ng-click="changeLang('zh')"><button type="button" class="btn btn-link">简体中文</button></li>
        </ul> 
    </div>
</nav>
<div class="container login"  ng-controller='loginCtrl'>
    <form class="form-signin" ng-submit="login(credentials)" name="loginForm">
        <h2 class="form-signin-heading">{{'LOGIN.WELCOM'|translate}}</h2>
        <label for="inputUsername" class="sr-only">username</label>
        <input type="text" id="inputUsername" class="form-control" placeholder="{{'LOGIN.USERNAME'|translate}}"  ng-model="credentials.username" required="" autofocus="">
        <label for="inputPassword" class="sr-only">Password</label>
        <input type="password" id="inputPassword" class="form-control" placeholder="{{'LOGIN.PASSWORD'|translate}}"  ng-model="credentials.password" required="">
        <div class="checkbox">
        <label>
            <input type="checkbox" value="">{{'LOGIN.TIP'|translate}}
        </label>
        </div>
        <button class="btn btn-lg btn-primary btn-block" type="submit">{{'SIGNIN'|translate}}</button>
    </form>
</div>
<div class="footer navbar-fixed-bottom">
    <div class="container text-center">
      <p>Dev by the kbp team</p>
    </div>
</div>